From 16dc164292dcc53a189e71679a8834be46f02068 Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Thu, 24 Mar 2016 13:15:23 +0100 Subject: [PATCH] Adwaita: avoid sizing transition on the scale... ... since it ends up jumpy. --- gtk/theme/Adwaita/_common.scss | 1 + gtk/theme/Adwaita/gtk-contained-dark.css | 3 ++- gtk/theme/Adwaita/gtk-contained.css | 3 ++- 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index b0af8bfc3a..d8be13d28f 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -2837,6 +2837,7 @@ scale { border: 1px solid darken($borders_color, 3%); border-radius: 100%; transition: $button_transition; + transition-property: background, border, box-shadow; &:hover { @include button(hover-alt, $edge: $shadow_color); } diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 3d93391900..4ca5eb1e7a 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -2997,7 +2997,8 @@ scale { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1); border: 1px solid #151717; border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index df05b7b1af..99adfee62c 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -3026,7 +3026,8 @@ scale { box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1); border: 1px solid #969691; border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border, box-shadow; } scale slider:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); -- 2.30.2